.tendency{
    width: 100%;
    padding: 16px 0;
    box-sizing: border-box;
    color: #333333;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 16px;
    letter-spacing: 0px;
}

.tendencyDetail{
    width: 100%;
    border-radius: 4px;
    background: #FFFFFF;
}
.tendency_header{
    width: 100%;
    padding: 0 16px;
    height: 44px;
    box-sizing: border-box;
    border-bottom: 1px solid #F2F2F2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.poercks{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    color: #828282;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 16px;
    letter-spacing: 0px;
    position: relative;
}
.xianser{
    position: absolute;
    bottom: 0;
    width: 64px;
    height: 4px;
    background: #3288FF;
}
.usertext{
    color: #333333;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 16px;
    letter-spacing: 0px;
}
.ibodyeterbox{
    width: 100%;
    padding: 16px 8px;
    box-sizing: border-box;
}
















.timnerinsertb{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 8px;
    box-sizing: border-box;
}
.timnerinsertb>.flleft{
    width: 66%;
    height: 28px;
    border: 1px solid #E0E0E0;
    background: #FAFAFA;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #828282;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 12px;
    letter-spacing: 0px;
}
.usenber{
    width: 25%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #E0E0E0;
}
.usenber:last-child{
    border-right: 0;
}
.abeuusbf{
    color: #3288FF;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 12px;
}

.frright{
    display: flex;
    align-items: center;
}

.frright>.titlester{
    color: #4F4F4F;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 12px;
    letter-spacing: 0px;
    margin-right: 4px;
}
.frright>img{
    width: 16px;
    height: 16px;
}






.xuanxiangja{
    width: 100%;
    border-radius: 4px;
    background: #FFFFFF;
    margin-bottom: 54px;
}

.xuanxiang_header{
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F2F2F2;
    /* padding: 0 16px;
    box-sizing: border-box; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.iboxclick{
    width: 33.33%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
.name_set{
    color: #828282;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 16px;
}
.xian{
    width: 80px;
    height: 4px;
    background: #3288FF;
    position: absolute;
    bottom: 0;
}
.activeser{
    color: #333333 !important;
    font-family: OPPOSans;
    font-weight: bold !important;
    font-size: 16px;
}
.tongzhitimer{
    width: 100%;
    height: 28px;
    display: flex;
    align-items: center;
    color: #828282;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 12px;
    text-align: center;
    padding: 0 16px;
    box-sizing: border-box;
}

.designation{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    background: #F9FAFF;
    padding: 0 16px;
    box-sizing: border-box;
}
.intebs{
    width: 20.8%;
    color: #333333;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.intebsf{
    width: 26%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.intebsf>img{
    width: 12px;
    height: 12px;
    margin-left: 4px;
}

.designationsin{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    background: #fff;
    padding: 0 16px;
    box-sizing: border-box;
}
.nameubfsfv{
    width: 100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align: center;
}











.content{
    width: 100%;
    padding:16px 10px 16px 16px;
    box-sizing: border-box;
}
.contentList{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.icuebfs{
    width:29%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    color: #4F4F4F;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 15px;
    letter-spacing: 0px;
    position: relative;
    margin-bottom: 16px;
    margin-right: 16px;
}

.subeberoff{
    width:29%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #3288FF;
    color: #4F4F4F;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 15px;
    letter-spacing: 0px;
    position: relative;
    margin-bottom: 16px;
    margin-right: 16px;
}
.intebsclass{
    width: 100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align: center;
    padding: 0 4px;
    box-sizing: border-box;
}
.icuebfs:nth-child(3n+3){
    margin-right: 0 !important;
}
.icuebfs>img{
    position: absolute;
    top: 0;
    right: -1px;
    width: 18px;
    height: 18px;
}

.isok{
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #3288FF;
    color: #FFFFFF;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 16px;
    letter-spacing: 0px;
    
}